// 引入conunt的UI组件
import CountUI from "../../components/ReactReduxCount"

// 引入redux store
// import store from "../../redux/store"

// 引入connect用于连接UI组件与redux
import { connect } from "react-redux"

//该函数作为connect的第一个参数，能拿到state
//映射state到组建的props上
function mapStateToProps(state) {
    return {
        num: state
    }
}

//该函数作为connect的第二个参数，能拿到dispatch
//映射dispatch方法到组建的props上
function mapDispatchToProps(dispatch) {
    return {
        increment(data) {
            dispatch({
                type: "increment",
                data
            })
        },
        decrement(data) {
            dispatch({
                type: "decrement",
                data
            })
        }
    }
}

// 创建并暴露组件
export default connect(mapStateToProps, mapDispatchToProps)(CountUI)